﻿/*
Title: ASU Template
Copyright: (c) 2008 Arizona Board of Regents
Authors: Christopher Puleo, Kathy Marks, Nathan Gudmunson and Arizona State University
Designers: The ASU Template Design Team, led by Cindi Farmer, Natalie Goebig and Anish Adalja
Description: Site controls for basic ASU content template
*/

/* 
--------------------------------------------------------*/
/*Button styles
----------------------------------------------------------------*/
.search_box{
    position: relative;  
    float: right;
    z-index: 100;
    right: 26px;
    bottom: 97px;
}
.search_box_home{
    position: relative;  
    float: right;
    z-index: 100;
    right: 26px;
    bottom: 72px;
}

input[type="text"].text_search{
    position:relative;
    right: 28px;
    background-color: #E0E0E0;
    border: 1px double #00b8d3 ;
    -webkit-box-shadow: 0 0 7px #b99e4e;
    -moz-box-shadow: 0 0 7px #b99e4e;
    box-shadow: 0 0 7px #b99e4e;

}
/* =ASU TABLE STYLES and other table styles
----------------------------------------------------------------*/

table {
    color: #333;
    font: 11px/15px Helvetica, Tahoma, Arial,  sans-serif;
    table-layout: auto;
    width: 95%;
    text-wrap:normal;
}


table.form,
table.form th{
    border: 1px black;
    padding: 0px;
    white-space: normal;
    font-size: 13px;
    width: 45%;
    margin-top: 10px;
    margin-bottom: 10px;

} 
table.form td{ 
    border: 1px black;
    padding: 10px;
    white-space: normal;
    font-size: 13px;
    width: 55%;
    margin-top: 10px;
    margin-bottom: 10px;
}
table.form td .fix input,
table.form td .fix textarea,
table.form td .fix input[type="text"] {
    background-color: #f2f2e6;

    font: 14px/15px Helvetica,  Arial, Tahoma, sans-serif; 
    color: #333;
    padding: 2px 0 3px 3px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius:  4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius:  4px;
    -moz-border-radius-bottomleft:  4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright:  4px;
    border-bottom-right-radius: 4px;
    -webkit-box-shadow: 0 0 4px white;
    -moz-box-shadow: 0 0 4px white;
    box-shadow: 0 0 4px white;
}

table.form th
{
    font-weight: bold;
    padding: 4px 12px;
    white-space: normal;
    color: #004029;
    font-size: 13px;

}



td {
    /*border: 1px solid #ddd;*/
    color: #555;
    padding: 0px 0px;
}

td.column_header {
    font-weight: bold; 
    width: 200px;  
}

td.narrow_cell {
    text-align: center;
    width: 5%;
    white-space: nowrap;
}

tr.footer td {
    background-color: #e1d1b3;
    border: 1px solid #ddd;
    padding: 4px 12px;
}

/* =Basic Elements
--------------------------------------------------------- */

html, body {
    height: 100%;
}
body {
    font: .75em/1.33em Helvetica, Tahoma, Arial, sans-serif; color: #000;
    margin: 0; padding: 0;
    background-size: 100%;
    background-repeat: no-repeat;
}

#whole{
    background: url(bg_container.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0; padding: 0;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -142px;
}
div#wrapper {
    position:relative !important;
    margin: 0px auto 0px auto;
    text-align:left;
    margin-top: 25px;
    width: 1000px;
    padding:0px;
    background:#fff;
}
div#homewrapper {
    position:relative !important;
    margin: 0px auto 0px auto;
    text-align:left;
    width: 1000px;
    margin-top: 250px;
    padding:0px;
    background:#fff;
}

#footer,.push {
    width: 1000px;
    margin: auto; padding: 0;
    text-align: right;
}

a  {
    color: #004029; text-decoration: underline;
    font-size: inherit;
}

a:hover{
    color: #9c5a46; text-decoration: underline;
}

/*a:visited {
   color: #666;
   }
*/

p {
    font-size: 1em;
    margin: 0 0 10px 0; padding:0;
}

p.small {
    font-size: .8em;
    margin: 0 0 10px 0; 
    padding:0;
} 
p.large {
    font-size: 1.4em;
    margin: 0 0 10px 0; 
    padding:0;
} 
span.large{
    font-size: 1.4em;   
}

h1 {
    font-size: 1.8em; font-weight: normal; color: #414042; /* 28px */
    line-height: 1.33em;
    margin: 0; padding: 0;
}

h2 {
    border-bottom: 1px solid #ccc;
    font-size: 1.6em; font-weight: normal; color:#9C5A46; /* 20px */
    line-height: 1.33em;
    margin: 0 0 .75em 0; padding: 5px 0;
}

h3 {
    border-bottom: 1px solid #ccc;
    font-size: 1.3em; font-weight: bold; color: #4a0030; /* 16px */
    line-height: 1.33em; letter-spacing: 2px;
    margin: 1.06em 0 .625em 0; padding: 5px 0;
}

h4 {
    border-bottom: 1px solid #ccc;
    font-weight: bold; font-size: 1.16em; color: #000000; /* 14px */
    margin: 1.07em 0 .71em 0; padding: 5px 0;
}

h5 {
    border-bottom: 1px solid #ccc;
    font-weight: bold; font-size: 1em; color: #000000; /* 12px */
    margin: 1.5em 0 1em 0; padding: 5px 0;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

img {
    border: 0;
}

dl {
    margin: 0; padding: 0;
}

dt {
    font-size: inherit; font-weight: bolder;
}

dd {
    padding-bottom: 5px;
}

fieldset {
    border: 1px solid #ccc;
    padding: 10px;
}

legend {
    font-weight: bold; font-size: 1.16em; color: #4a0030;
}

#content ul li,
ul li{
    list-style-type:disc;
}

#content ol li, 
ol li{
    list-style-type: lower-alpha;
    text-indent:10px;
    list-style-position: outside;
}

ol.numbers{
    list-style-type: decimal;
    text-indent:10px;
    list-style-position: outside;
}


label {
    cursor: pointer;
}

/* =ASU TABLE STYLES
----------------------------------------------------------------*/

table {
    color: #333;
    font: 11px/15px Helvetica, Tahoma, Arial,  sans-serif;
    table-layout: auto;
    width: 95%; 
}

th,
tr.header th,
tr.header td {
    border: 1px solid #ddd;
    padding: 4px 12px;
    color: #555;
    font-weight: bold;
    white-space: nowrap;
    text-align: left;
}

td {
    border: 1px solid #ddd;
    color: #555;
    padding: 4px 12px;
    text-align: left;
}

td.column_header {
    font-weight: bold; 
    width: 200px;  
}

td.narrow_cell {
    text-align: center;
    width: 5%;
    white-space: nowrap;
}

tr.footer td {
    background-color: #e1d1b3;
    border: 1px solid #ddd;
    padding: 4px 12px;
}

/*
------------------------------------------------------
IMPORTANT:
For proper rendering of table row striping in Drupal
implementations, change the "tr.odd td" and
"tr.even td" classes in the asu_drupal.css file
------------------------------------------------------
*/

tr.odd td {
    border: 1px solid #ddd;
    background-color: #fbfbf3;
    padding: 4px 12px;
    vertical-align: top;
}

tr.even td {
    border: 1px solid #ddd;
    background-color: #f1ebe0;
    padding: 4px 12px;
    vertical-align: top;
}

tr.selected td {
    border: 1px solid #ddd;
    background-color: #ffe8b7;
    padding: 4px 12px;
    vertical-align: top;
}

/* =ASU FORM STYLES
----------------------------------------------------------------*/

form {
    margin: 0;
    padding: 0;
}

input,
textarea,
input[type="file"],
input[type="password"],
input[type="text"] {
    background-color: #f2f2e6;
    border: 1px solid #999;
    font: 14px/15px Helvetica,  Arial, Tahoma, sans-serif; 
    color: #333;
    padding: 2px 0 3px 3px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius:  4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius:  4px;
    -moz-border-radius-bottomleft:  4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright:  4px;
    border-bottom-right-radius: 4px; 
    -webkit-box-shadow: 0 0 4px white;
    -moz-box-shadow: 0 0 4px white;
    box-shadow: 0 0 4px white;
}

select {
    background-color: #f2f2e6;
    border: 1px solid #999;
    font: 14px/15px Helvetica,  Arial, Tahoma, sans-serif; 
    color: #333;
    padding: 2px 0;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius:  4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius:  4px;
    -moz-border-radius-bottomleft:  4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright:  4px;
    border-bottom-right-radius: 4px;
    -webkit-box-shadow: 0 0 4px white;
    -moz-box-shadow: 0 0 4px white;
    box-shadow: 0 0 4px white;
}


span.checkbox input,
span.radio input,
td.checkbox input,
td.radio input,
input[type="radio"],
input[type="checkbox"] {
    background-color: transparent;
    border: 0px solid black;
}

div.form {
    margin: 10px 0 15px 0;
    padding: 0;
}

div.form_element {
    color: #333;
    margin: 7px 0 7px 0;
}

label.field {
    float: left;
    text-align: right;
    width: 150px;
    font-weight: normal;
    padding: 2px 5px 0 0;
    margin: 0;
}

label.label {
    cursor: default;
    float: left;
    text-align: right;
    width: 150px;
    font-weight: normal;
    padding: 2px 5px 0 0;
    margin: 0;
}

br.nobr {
    display: none;
}

span.data {
    display: block;
    margin: 0 0 0 155px;
    padding: 2px 0 0 0;
}

span.input_hint {
    color: #00b;
    font-size: 10px;
}

div.form_buttons {
    margin: 7px 0 7px 155px;
}

div.field_buttons {
    margin: 3px 0 7px 155px;
}

input.defaultButton {
    background-color: #ddd;
    border: 1px solid #999;
    color: Maroon;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    margin: 0 10px 0 0;
    padding: 2px 4px;
}

input.smallButton {
    background-color: #ddd;
    border: 1px solid #999;
    color: Black;
    cursor: pointer;
    font-size: 9px;
    padding: 1px 2px;
    margin: 0 5px;
}

span.required {
    color: #3c608a;
    font-size: smaller;
}

span.info {

    color: #00d;
    font: normal 70%/110% Helvetica,  Arial, Tahoma, sans-serif;
}

.invalidEntry {
    background-color: #ff6;
}

ul.form_errors {
    margin: 0;
    padding: 0;
}

ul.form_errors li {
    color: #903;
    font-style: italic;
    margin: 5px 0 0 40px;
    padding: 0;
    list-style-type: disc;
}

input.invalidEntry,
textarea.invalidEntry,
select.invalidEntry,
input[type="file"].invalidEntry,
input[type="password"].invalidEntry,
input[type="text"].invalidEntry {
    background-color: #ff6;
}

.visible {
    visibility: visible;
}

.hidden {
    visibility: hidden;
}

span.highlighted {
    background-color: #ffe8b7;
    color: #000;
    font-weight: bold;
}

.redTextBlock {
    color: #903;
    display: block;
    font-style: italic;
    margin-top: 2px;
}

.greenBackground {
    background-color: #060;
    color: #fff;
    font-weight: bolder;
    padding: 2px;
}
.whiteBackground {
    background-color: #fff;
    color: #fff;
    margin :-25px 0 0 0;
    position: absolute;
    width:100%;
    padding: 0;
    height: 24px;
    z-index: 3;
}
.redBackground {
    background-color: #600;
    color: #fff;
    font-weight: bolder;
    padding: 2px;
}

.lightredBackground {
    background-color: #966;
    color: #fff;
    font-weight: bolder;
    padding: 2px;
}

.blueBackground {
    background-color: #006;
    color: #fff;
    font-weight: bolder;
    padding: 2px;
}

.greenBackground a {
    color: #fff;
}

.greenBackground a:visited {
    color: #fff;
}

.redBackground a {
    color: #fff;
}

.redBackground a:visited {
    color: #fff;
}

.lightredBackground a {
    color: #fff;
}

.lightredBackground a:visited {
    color: #fff;
}

.blueBackground a {
    color: #fff;
}

.blueBackground a:visited {
    color: #fff;
}
.title_outline{
    border: 1px solid #9C5A46;
    color: #000;
    height: 30px;
    margin: 0;
    padding: 4px 2px 0 20px;
    z-index: 5;
    background: whitesmoke;
    opacity: .8;
    filter:alpha(opacity=80);
}
/* =Universal
--------------------------------------------------------- */

.skip {
    display: block;
    font-size: 1px;
    height: 0;
    line-height: 1px;
    margin-top: -2px;
    text-indent: -9999px;
    display: none;
}

#asu_container {
    margin: 0; padding: 0;
    text-align: left;
    min-width: 1000px;
    min-height: 680px;
    background:#FFFFFF;
}

#asu_container_table {
    margin: 0; padding: 0;
    text-align: left;
    min-width: 1000px;
    min-height: 680px;
    background:transparent;
}

#asu_container li.no-border {
    border: none;
}
#asu_container_menu {
    margin: 0; padding: 0;
    text-align: left;
    min-width: 1000px;
    min-height: 700px;
    background:transparent;
}

#asu_container_menu li.no-border {
    border: none;
}

.visible {
    visibility: visible;
}

.hidden {
    visibility: hidden;
}

/* ----{ Float Clearing }---- */


#asu_content:after,
#asu_body_copy:after,
.asu_body_copy .tabs ul:after,
.asu_body_copy .block-menu .content ul.asu_primary:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* =Content Area
-------------------------------------------------------- */

#asu_content {
    background: #DDDDDD;
    height: 1%;
    margin: 5px 20px; padding: 0 0 2.1em 0;
}

#asu_content_container {
    margin: 0 0 0 202px; padding: 0 5px 0 0;
}

#asu_content_well {
    display: block;
    float: right;
    margin: 0 0 0 -202px; padding: 0;
    width: 100%;
}

.asu_body_copy {
    display: block;
    height: 1%;
    margin: 0 0 0 20px;
}

.asu_body_copy ul{
    margin-left: 36px;
    padding-left: 0;
    margin-bottom: 1em;
}


/* ----{ Title Block }---- */

#asu_ttl_block {

    border-bottom: 1px solid #bbb;
    display: block;
    margin: 0 0 1.67em 0; padding: .83em 20px 0 20px;
}

#asu_ttl_block h1 {
    /* border-bottom: 1px solid #bab988; */ /* Re-activate this if breadcrumb is re-added */
    display: block;
    padding: 0 0 .29em 0;
}

/* ----{ Breadcrumb Nav }---- */

.asu_breadcrumb {
    border-top: 1px solid #fff;
    padding: .67em 0 0 0;
}

.asu_breadcrumb a:visited {
    color: #903;
}

/* ----{ Drupal "Tabs" }---- */

.asu_body_copy .tabs ul,
.asu_body_copy .block-menu .content ul.asu_primary {

    height: 1%; /* IE7 float clearing */
    margin: .5em 0 2em 0; padding: 0 1em;
}

.asu_body_copy .tabs ul li,
.asu_body_copy .block-menu .content ul.asu_primary li {
    background-color: #fbfbf3;
    border: 1px solid #ccc; border-bottom: none;
    float: left;
    list-style-type: none;
    margin: 0 5px 0 0; padding: 0;
}

.asu_body_copy .tabs ul li a,
.asu_body_copy .block-menu .content ul.asu_primary li a {
    background-color: #fbfbf3;
    display: block;
    font-size: 1em; line-height: 2em;
    margin: 0; padding: 0 1em;
    text-decoration: none;
}

.asu_body_copy .tabs ul li a:hover,
.asu_body_copy .block-menu .content ul.asu_primary li a:hover {
    background-color: #f1ebe0;
    color: #000; text-decoration: underline;
}

/* ----{ Relevant Links }---- */

#asu_right_content_column {
    background-color: #fff;
    float: right;
    margin: 0 0 0 0; padding: 0 0 0 20px;
}

.block-relatedlinks,
#asu_relevant_links {

    border-bottom: 1px solid #7a0029;
    margin: 0 0 1.25em 0; padding: 12px 18px;
    width: 195px;
    width/**/:/**/ 159px;
}

.block-relatedlinks h2,
#asu_relevant_links h5 {
    font-weight: bold; font-size: 1.17em; color: #fc0;
    line-height: 1.29em;
    border: 0; margin: 0; padding: 0;
}

.block-relatedlinks .content,
#asu_relevant_links .content {
    margin: 0; padding: 0;
}

.block-relatedlinks ul,
#asu_relevant_links ul {
    margin: 0 0 0 12px; padding: .42em 0;
}

.block-relatedlinks .content li,
.block-relatedlinks .content li a,
#asu_relevant_links li,
#asu_relevant_links li a {
    color: #fff;
}

.block-relatedlinks li a:hover,
#asu_relevant_links li a:hover {
    color: #fc0;
}

/* ----{ Text Promotions }---- */

#asu_text_promos {

    border-bottom: 1px solid #9e9e9e;
    margin: 0 0 1.25em 0; padding: 0 18px 1em 18px;
    width: 195px;
    width/**/:/**/ 159px;
}

#asu_text_promos ul {
    margin: 0; padding: 0;
}

#asu_text_promos li {
    border-bottom: 1px dashed #fff;
    color: #000;
    list-style-type: none;
    padding: .83em 0;
}

.asu_body_copy .block-menu .content li a,
#asu_text_promos li a {
    color: #903;
    font-size: 1.17em;
}

.asu_body_copy .block-menu .content li a:hover,
#asu_text_promos li a:hover {
    color: #000;
}

/* ----{ University Ad Styles }---- */

p.badge {
    text-align: center;
}
div#lefttablediv{
    float: left;
    width: 750px;
}
div#rightreldiv{
    position: static;
    float: right;
    clear: right;
    margin-top: -75px; 
    width: 250px;

}
div#righthistorydiv{
    position: static;
    float: right;
    clear: right;
    margin-top: -75px; 
    width: 250px;

}
